/**
 * layout.css
 ******************************************************************************
 * This file contains CSS general layout rules.
 ******************************************************************************
 * @author Andrew R. Taylor
 * @copyright Copyright (c) 2016, End Result Company, LLC
 * @section CSS general layout stylesheet
 ******************************************************************************
 * Index
 * ------------------------------------
 * $1 - General
 * $2 - Containers
 * $3 - States
 * $4 - Height
 * $5 - Width
 ******************************************************************************
*/


/**
 ************************************************
 * $1 - General
 ************************************************
*/

.clearfix {
	zoom: 1;
}

.clearfix:after,
.clearfix:before {
	content: "";
	display: block;
}

.clearfix:after {
	clear: both;
}


/**
 **************************************
 * $2 - Containers
 **************************************
*/

.cell {
	display: block;
	margin: 0;
	padding: 0;
	zoom: 1;
}

.column {
	display: block;
	margin: 0;
	padding: 0;
	zoom: 1;
}

.column:after,
.column:before {
	content: "";
	display: table;
}

.column:after {
	clear: both;
}

.container {
	display: block;
	margin: 0 auto;
	padding: 0;
	padding-left: 32px;
	padding-left: 2rem;
	padding-right: 32px;
	padding-right: 2rem;
	width: 1056px;
	width: 66rem;
	zoom: 1;
}

.container.full-width {
	padding-left: 0;
	padding-right: 0;
	width: 1120px;
	width: 70rem;
}

.container:after,
.container:before {
	content: "";
	display: table;
}

.container:after {
	clear: both;
}

.row {
	display: block;
	margin: 0;
	padding: 0;
	zoom: 1;
}

.row:after,
.row:before {
	content: "";
	display: table;
}

.row:after {
	clear: both;
}


/**
 **************************************
 * $3 - States
 **************************************
*/

.absolute {
	position: absolute;
}

.block {
	display: block;
}

.border-box {
	box-sizing: border-box;
}

.clearfix {
	*zoom: 1;
}

.clearfix:after,
.clearfix:before {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.content-box {
	box-sizing: content-box;
}

.fixed {
	position: fixed;
}

.flip-horizontal {
	-ms-filter: "FlipH";
	filter: FlipH;
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
}

.flip-vertical {
	-ms-filter: "FlipV";
	filter: FlipV;
	-webkit-transform: scaleY(-1);
	-moz-transform: scaleY(-1);
	-ms-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	transform: scaleY(-1);
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.hide {
	display: none;
}

.inline {
	display: inline;
}

.inline-block {
	display: -moz-inline-stack;
	display: -moz-inline-block;
	display: inline-block;
	*display: inline;
	*zoom: inline;
}

.inverted {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.invisible {
	visibility: hidden;
}

.none {
	display: none;
}

.padding-box {
	box-sizing: padding-box;
}

.relative {
	position: relative;
}


/**
 ************************************************
 * $4 - Height
 ************************************************
**/

.h-1 {
	height: 100%;
}

.h-1-2,
.h-2-4,
.h-3-6,
.h-4-8,
.h-5-10,
.h-6-12 {
	height: 50%;
}

.h-1-3,
.h-2-6,
.h-3-9,
.h-4-12 {
	height: 33.33%;
}

.h-1-4,
.h-2-8,
.h-3-12 {
	height: 25%;
}

.h-1-5,
.h-2-10 {
	height: 20%;
}

.h-1-6,
.h-2-12 {
	height: 16.66%;
}

.h-1-7 {
	height: 14.28%;
}

.h-1-8 {
	height: 12.5%;
}

.h-1-9 {
	height: 11.11%;
}

.h-1-10 {
	height: 10%;
}

.h-1-11 {
	height: 9.09%;
}

.h-1-12 {
	height: 8.33%;
}

.h-2-3,
.h-6-9 {
	height: 66.666667%;
}

.h-2-5,
.h-4-10 {
	height: 40%;
}

.h-2-7 {
	height: 28.571429%;
}

.h-2-9 {
	height: 22.222222%;
}

.h-2-11 {
	height: 18.181818%;
}

.h-3-4,
.h-9-12 {
	height: 75%;
}

.h-3-5,
.h-6-10 {
	height: 60%;
}

.h-3-7 {
	height: 42.857143%;
}

.h-3-8 {
	height: 37.5%;
}

.h-3-10 {
	height: 30%;
}

.h-3-11 {
	height: 27.272727%;
}

.h-4-5,
.h-8-10 {
	height: 80%;
}

.h-4-7 {
	height: 57.142857%;
}

.h-4-9 {
	height: 44.444444%;
}

.h-4-11 {
	height: 36.363636%;
}

.h-5-6,
.h-10-12 {
	height: 83.333333%;
}

.h-5-7 {
	height: 71.428571%;
}

.h-5-8 {
	height: 62.5%;
}

.h-5-9 {
	height: 55.555556%;
}

.h-5-11 {
	height: 45.454545%;
}

.h-5-12 {
	height: 41.666667%;
}

.h-6-7 {
	height: 85.714286%;
}

.h-6-11 {
	height: 54.545455%;
}

.h-7-8 {
	height: 87.5%;
}

.h-7-9 {
	height: 77.777778%;
}

.h-7-10 {
	height: 70%;
}

.h-7-11 {
	height: 63.636364%;
}

.h-7-12 {
	height: 58.333333%;
}

.h-8-9 {
	height: 88.888889%;
}

.h-8-11 {
	height: 72.727273%;
}

.h-9-10 {
	height: 90%;
}

.h-9-11 {
	height: 81.818182%;
}

.h-10-11 {
	height: 90.909091%;
}

.h-11-12 {
	height: 91.666667%;
}


/**
 **************************************
 * $5 - Width
 **************************************
*/

.w-1 {
	width: 100%;
}

.w-1-2,
.w-2-4,
.w-3-6,
.w-4-8,
.w-5-10,
.w-6-12 {
	width: 50%;
}

.w-1-3,
.w-2-6,
.w-3-9,
.w-4-12 {
	width: 33.33%;
}

.w-1-4,
.w-2-8,
.w-3-12 {
	width: 25%;
}

.w-1-5,
.w-2-10 {
	width: 20%;
}

.w-1-6,
.w-2-12 {
	width: 16.66%;
}

.w-1-7 {
	width: 14.28%;
}

.w-1-8 {
	width: 12.5%;
}

.w-1-9 {
	width: 11.11%;
}

.w-1-10 {
	width: 10%;
}

.w-1-11 {
	width: 9.09%;
}

.w-1-12 {
	width: 8.33%;
}

.w-2-3,
.w-6-9 {
	width: 66.666667%;
}

.w-2-5,
.w-4-10 {
	width: 40%;
}

.w-2-7 {
	width: 28.571429%;
}

.w-2-9 {
	width: 22.222222%;
}

.w-2-11 {
	width: 18.181818%;
}

.w-3-4,
.w-9-12 {
	width: 75%;
}

.w-3-5,
.w-6-10 {
	width: 60%;
}

.w-3-7 {
	width: 42.857143%;
}

.w-3-8 {
	width: 37.5%;
}

.w-3-10 {
	width: 30%;
}

.w-3-11 {
	width: 27.272727%;
}

.w-4-5,
.w-8-10 {
	width: 80%;
}

.w-4-7 {
	width: 57.142857%;
}

.w-4-9 {
	width: 44.444444%;
}

.w-4-11 {
	width: 36.363636%;
}

.w-5-6,
.w-10-12 {
	width: 83.333333%;
}

.w-5-7 {
	width: 71.428571%;
}

.w-5-8 {
	width: 62.5%;
}

.w-5-9 {
	width: 55.555556%;
}

.w-5-11 {
	width: 45.454545%;
}

.w-5-12 {
	width: 41.666667%;
}

.w-6-7 {
	width: 85.714286%;
}

.w-6-11 {
	width: 54.545455%;
}

.w-7-8 {
	width: 87.5%;
}

.w-7-9 {
	width: 77.777778%;
}

.w-7-10 {
	width: 70%;
}

.w-7-11 {
	width: 63.636364%;
}

.w-7-12 {
	width: 58.333333%;
}

.w-8-9 {
	width: 88.888889%;
}

.w-8-11 {
	width: 72.727273%;
}

.w-9-10 {
	width: 90%;
}

.w-9-11 {
	width: 81.818182%;
}

.w-10-11 {
	width: 90.909091%;
}

.w-11-12 {
	width: 91.666667%;
}